<template>
 <div>
   <div class="titleBackgroundColor title-border" :style="{ height:size120,lineHeight:size120}">
      <div class="n-title-text" :style="{fontSize:size30}">公告及设置</div>
   </div>
   <div style="background-color:#fff" :style="{height: size160,paddingLeft: size50}">
     <div style="float:left;" :style="{marginTop: size25}">
         <img :src="head" :style="{width:size120,height:size120,borderRadius: size100,shapeOutSide: size150}" ></img>
     </div>
     <div style="float:left;" :style="{marginTop: size30,marginLeft: size20}">
       <div style="font-weight: bold;" :style="{fontSize: size30}">郑洛恩</div>
       <div class="fontColor" :style="{fontSize: size23, marginTop:size7}">男 / 医师</div>
       <div class="fontColor" :style="{fontSize: size23}">金东区澧浦镇中心卫生院</div>
     </div>
     <div style="float:right;" :style="{marginTop: size60}">
        <img style="float:left;" :src="renzheng" :style="{width:size30,height:size30,marginTop:size8}" ></img> 
        <div style="color:#228B22;float:left;" :style="{fontSize:size20,marginRight:size20,marginTop:size8}">已认证</div>
        <div style="float:left;" :style="{marginRight:size20,fontSize: size25}">></div>
     </div>
   </div>
 
     <div class="divColor" :style="{height: size50,lineHeight: size50,marginTop: size10,padding:size30,padding:size30}">
         <div style="float:left;font-weight: bold;" :style="{fontSize: size30}">公告</div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size25}">></div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size23,marginRight:size20}">111114</div>
     </div>

     <div class="divColor" :style="{height: size80,marginTop: size10,padding:size30,padding:size30}">
         <div style="float:left;">
           <div style="font-weight: bold;" :style="{fontSize: size30}">中医线上咨询收费</div>
           <div class="fontColor" :style="{fontSize: size23,marginTop:size10}">患者在填写问诊单时才需要支付咨询费</div>
         </div>
         <div style="float:right;" :style="{marginTop: size20}">
           <div style="color:#A52A2A;float:left;" :style="{fontSize: size30,marginRight:size20}">免费</div>
           <div style="float:right;" class="fontColor" :style="{fontSize: size23,marginRight:size20}">></div>
         </div>
     </div>
     
     <div class="divColor" :style="{height: size40,lineHeight: size40,padding:size30,padding:size30}">
         <div style="float:left;font-weight: bold;" :style="{fontSize: size30}">门诊信息</div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size25}">></div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size23,marginRight:size20}">北京海华癫痫病专业医院</div>
     </div>

     <div class="divColor" :style="{height: size40,lineHeight: size40,padding:size30,padding:size30}">
         <div style="float:left;font-weight: bold;" :style="{fontSize: size30}">医生简介</div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size25}">></div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size23,marginRight:size20}">中医师</div>
     </div>

     <div class="divColor" :style="{height: size40,lineHeight: size40,padding:size30,padding:size30}">
         <div style="float:left;font-weight: bold;" :style="{fontSize: size30}">擅长主治</div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size25}">></div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size23,marginRight:size20}">中医内科</div>
     </div>

     <div class="divColor" :style="{height: size40,lineHeight: size40,padding:size30,padding:size30}">
         <div style="float:left;font-weight: bold;" :style="{fontSize: size30}">新患者欢迎语</div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size25}">></div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size23,marginRight:size20}">你好,我是郑洛恩医师,欢迎关注我的工作室</div>
     </div>

     <div class="divColor" :style="{height: size40,lineHeight: size40,marginTop: size10,padding:size30,padding:size30}">
         <div style="float:left;font-weight: bold;" :style="{fontSize: size30}">免打扰时间</div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size25}">></div>
         <div style="float:right;" class="fontColor" :style="{fontSize: size23,marginRight:size20}"><mt-switch v-model="value"></mt-switch></div>
     </div>
 </div> 
</template>

<script>
import { Switch } from 'mint-ui'

export default {
  components: {
    Switch: Switch.name
  },
  data () {
    return {
      value: false,
      head: '../../../static/head.jpg',
      patientList: [],
      renzheng: '../../../static/renzheng.png',
      dcotorId: this.$route.query
    }
  },
  mounted () {},
  computed: {
    size7 () {
      return this.clientWidth * 7 / 750 + 'px'
    },
    size8 () {
      return this.clientWidth * 8 / 750 + 'px'
    },
    size10 () {
      return this.clientWidth * 10 / 750 + 'px'
    },
    size20 () {
      return this.clientWidth * 20 / 750 + 'px'
    },
    size25 () {
      return this.clientWidth * 25 / 750 + 'px'
    },
    size300 () {
      return this.clientWidth * 300 / 750 + 'px'
    },
    size30 () {
      return this.clientWidth * 30 / 750 + 'px'
    },
    size23 () {
      return this.clientWidth * 23 / 750 + 'px'
    },
    size40 () {
      return this.clientWidth * 40 / 750 + 'px'
    },
    size50 () {
      return this.clientWidth * 50 / 750 + 'px'
    },
    size80 () {
      return this.clientWidth * 80 / 750 + 'px'
    },
    size60 () {
      return this.clientWidth * 60 / 750 + 'px'
    },
    size120 () {
      return this.clientWidth * 120 / 750 + 'px'
    },
    size125 () {
      return this.clientWidth * 125 / 750 + 'px'
    },
    size100 () {
      return this.clientWidth * 100 / 750 + 'px'
    },
    size150 () {
      return this.clientWidth * 150 / 750 + 'px'
    },
    size160 () {
      return this.clientWidth * 160 / 750 + 'px'
    },
    initWidth () {
      return this.clientWidth + 'px'
    },
    initHeight () {
      return this.clientHeight + 'px'
    }
  },
  methods: {}
}
</script>

<style>
.fontColor{
    color:#808080
}
.divColor{
    background-color:#fff
}
</style>
